<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>小儿推拿</title>
    <%@ include file="/include/datetables.jsp"%>
</head>
<body>
<div class="Baby_Healthy_home">
    <!--左侧-->
    <jsp:include page="/include/menu.jsp" flush="true">
        <jsp:param name="index" value="5"/>
    </jsp:include>
    <!--右侧-->
    <div class="Baby_Healthy_home_right">
        <div class="Baby_Healthy_home_right_top">
            <ul class="Baby_Healthy_home_right_top_list">
                <li class="num1  bespeak_active"><a href="${pageContext.request.contextPath}/user/gotoVip">会员列表</a></li>
            </ul>
        </div>
        <div class="Baby_Healthy_home_right_bespeak_list vipwrap">
            <ul class="zcnavbrand clearfix contain_bottom_line1">
                <li><a href="${pageContext.request.contextPath}/user/gotoVip" class="userliblist_btn">会员列表</a></li>
                <li><a href="javascript:void(0)">会员详情</a></li>
            </ul>    
            <div class="zccard_container">
                <div class="row">
                    <div class="col-lg-3 col-md-4 col-sm-12">
                        <div class="info_card">
                            <div class="info_wrap">
                                <div class="row info_top">
                                    <div class="col-lg-4 info_img">
                                        <div class="head_img_div js_userImg"></div>
                                    </div>
                                    <div class="col-lg-8 info_maincnt">
                                        <p class="info_name"><span class="js_userName">--</span>
                                            <!-- <em class="userGender">-</em> -->
                                            <a class="js_infoedit js_power_68" href="javascript:void(0)" style="margin-left: 0.5rem;color: #53C7FF;">编辑</a></p>
                                        <p class="info_other">手机号：<span class="userPhone">0</span></p>
                                    </div>
                                </div>
                                <div class="info_cnt">
                                    <p class="info_other">会员等级：<span class="userLevel">--</span></p>
                                    <p class="info_other">注册时间：<span class="js_createTime">--</span></p>
                                    <p class="info_other">住址：<span class="js_userAddress">--</span></p>
                                    <!-- <p class="info_other">备用电话：<span class="js_userPhones">--</span></p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9 col-md-8 col-sm-12">
                        <ul class="bespeak_change_list">
                            <li class="bespeak_change_list_actve active_bgc" rel="0">关联宝宝</li>
                            <li class="bespeak_change_list_actve" rel="6">消费记录</li>
                            <li class="bespeak_change_list_actve" rel="3">储值余额</li>
                            <li class="bespeak_change_list_actve" rel="5">计次卡</li>
                            <li class="bespeak_change_list_actve" rel="5">优惠券</li>
                        </ul>
                        <!-- 关联宝宝 -->
                        <div class="js_tabcnt">
                            <div class="zcusers">
                                <div class="zctablewrap" style="width:100%">
                                    <!-- <table class="patientsellist"> -->
                                    <table class="zctable table table-striped table-no-bordered table-hover js_patientlist" cellspacing="0" width="100%" style="width:100%">
                                        <thead>
                                            <th class="">宝宝信息</th>
                                            <th class="">性别</th>
                                            <th class="">年龄</th>
                                            <th class="">就诊次数</th>
                                            <th class="">最后一次就诊时间</th>
                                            <th class="">最后一次就诊门店</th>
                                        </thead>
                                    </table>
                                </div>
                            </div>                            
                        </div>
                        <!-- 消费记录 -->
                        <div class="js_tabcnt hidden">
                            <div class="zcusers">
                                <div class="bespeak_search_container_seive">
                                    <div class="form-inline search_choice_elm last selDateorder">
                                        <label class="search_label" style="margin-right:2rem;">日期筛选：
                                            <input id="datetimepicker" type="text" class="selstart form-control" placeholder="请选择日期">
                                            <span>&nbsp;至&nbsp;</span>
                                            <input id="datetimepickerend" type="text" class="selend form-control" placeholder="请选择日期">
                                        </label>
                                    </div>
                                </div>
                                <div class="zctablewrap" style="width:100%">
                                    <!-- <table class="patientsellist"> -->
                                    <table class="zctable table table-striped table-no-bordered table-hover js_orderlist" cellspacing="0" width="100%" style="width:100%">
                                        <thead>
                                            <th class="">订单信息</th>
                                            <th class="">总价</th>
                                            <th class="">支付方式</th>
                                            <th class="">会员</th>
                                            <th class="">接诊门店</th>
                                            <th class="">接诊推拿师</th>
                                            <th class="js_power_22">状态</th>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- 储值余额 -->
                        <div class="js_tabcnt hidden">
                            <div class="zcusers">
                                <h5 class="tit">储值余额</h5>
                                <p style="padding-left:1.3rem;font-size:2rem">￥<span class="acaccount js_userAccount" style="margin-right: 10px">0.00</span><span style="margin-right: 10px;font-size: 14px" id="outTime"></span><a href="javascript:void(0)" class="font_blue backbalance js_backbalance js_power_21" style="">申请退款</a><a href="javascript:void(0)" class="font_blue js_recharge js_power_75" style="position: absolute;font-size: 1.5rem;
                                    margin-top: 0.4rem;margin-left: 6rem;">充值</a></p>
                            </div>
                            <div class="zcusers">
                                <h5 class="tit">明细</h5>
                                <div class="zctablewrap" style="width:100%">
                                    <table class="zctable-sm table table-striped table-no-bordered table-hover js_balancelist" cellspacing="0" width="100%" style="width:100%">
                                        <thead>
                                            <tr class="">
                                                <th class="">类别</th>
                                                <th class="">品项</th>
                                                <th class="">操作人员</th>
                                                <th class="">余额变更</th>
                                                <th class="">下单门店</th>
                                                <!-- <th class="">操作</th> -->
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- 计次卡 -->
                        <div class="js_tabcnt hidden">
                            <div class="zcusers">
                                <h5 class="tit">计卡次数</h5>
                                <p style="padding-left:1.3rem;font-size:2rem">合计 <span class="accardcount js_cardCount">30</span> 次</p>
                                <div class="js_cardlist_wrap cardlist_wrap row zcwrap">
                                    
                                </div>
                            </div>
                            <div class="zcusers hidden">
                                <h5 class="tit">明细</h5>
                                <div class="zctablewrap" style="width:100%">
                                    <table class="zctable-sm table table-striped table-no-bordered table-hover js_cardlist" cellspacing="0" width="100%" style="width:100%">
                                        <thead>
                                            <tr class="">
                                                <th class="">类别</th>
                                                <th class="">品项</th>
                                                <th class="">操作人员</th>
                                                <th class="">计次卡变更</th>
                                                <th class="">下单门店</th>
                                                <!-- <th class="">操作</th> -->
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- 优惠券 -->
                        <div class="js_tabcnt hidden">
                            <div class="zcusers">
                                <h5 class="tit">优惠券数</h5>
                                <p style="padding-left:1.3rem;font-size:2rem">合计 <span class="accouponcount js_couponCount">30</span> 张</p>
                                <div class="js_couponlist_wrap row zcwrap"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 退款 -->
        <div class="hidden dialogelm backbalancedialog">
            <div class="rows zcformelm">
                <p class="cols4 font_right">发起退款分店：</p>
                <p class="cols16 js_subclinicName">--</p>
            </div>
            <div class="rows zcformelm">
                <p class="cols4 font_right">退款申请人：</p>
                <p class="cols16 js_userName">--</p>
            </div>
            <div class="rows zcformelm">
                <label for="" class="cols4 zcform_text font_right">申请退款理由：</label>
                <div class="cols16">
                    <textarea class="zcform_textarea w_9 js_applyReason" name="" id="" cols="30" rows="10" placeholder="请输入0~500字"></textarea>
                </div>
            </div>
            <div class="rows zcformelm">
                <p class="cols4 font_right">本次退款金额：</p>
                <p class="cols16 js_backAccount">--</p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/zcbase.js"></script>
<script src="${pageContext.request.contextPath}/js/vip.js"></script>
<script>
</script>
</html>